<template>
    <jk-ranking-list
        :height="290"
        :table-header="tableHeader"
        :table-data="chartData"
    ></jk-ranking-list>
</template>

<script>
import jkRankingList from "./jk-ranking-list";

export default {
    props: {
        chartData: {
            type: Array,
            default() {
                return [];
            }
        }
    },
    components: {
        jkRankingList
    },
    data() {
        return {
            tableHeader: [
                { type: 'seq', title: '排名', width: '60px', align: 'center' },
                { key: 'machineCode', title: '机台编号', width: '90px', align: 'left' },
                { key: 'stopMinute', title: '时长', width: '100px', align: 'right' },
                { key: 'unit', title: '单位', width: '', align: 'left' },
            ],
        };
    },
    methods: {

    },
    watch: {
        chartData: {
            handler() {
            },
            deep: true
        }
    }
};
</script>

<style scoped>
</style>
